.container{
    max-width:1280px;
    margin:0 auto;
}
.header{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    line-height: 100px;
    background:#020c17 url(../images/header_bg.png) repeat-x bottom left;
    z-index: 99;
    .logo{
        img{
            max-height: 54px;
            vertical-align: middle;
        }
    }
    .nav{
        li{
            float: left;
            margin-left: 20px;
            position: relative;
            a{
                color: #ffffff;
                font-size: 16px;
                padding: 0 8px;
            }
            &.active::after,&:hover::after{
               content: "";
               display: block;
               position: absolute;
               left: 0;
               bottom: 0;
               width: 100%;
               height: 4px;
               background: #123a8e;
            }
        }
    }
}

.footer{
    padding-top: 50px;
    background: #15181b;
    color: #fff;
    a{
        &:hover{
            color: #123a8e;
        }
    }
    .footer-top{
        padding-bottom: 30px;
        border-bottom: 1px solid #3f4448;
        .footer1{
            margin-right: 60px;
            .ewm{
                width: 110px;
            }
        }
        .footer-ewm{
            margin-right: 0;
        }
        h4{
            font-size: 18px;
            margin-bottom: 20px;
        }
        li{
            font-size: 16px;
            line-height: 34px;
            color: #cccccc;
        }
    }
    .footer-bottom{
        font-size: 14px;
        line-height: 40px;
        color: #cccccc;
    }
}


.common-body{
    .common-nav{
        margin-bottom: 60px;
        text-align: center;
        li{
            display: inline-block;
            width: 236px;
            height: 60px;
            border-radius: 60px;
            line-height: 60px;
            text-align: center;
            background: #ffffff;
            box-shadow: 2px -2px 10px #888888;
            margin-right: 15px;
            &:last-of-type{
                margin-right: 0;
            }
            i{
                display: inline-block;
                width: 30px;
                height: 30px;
                vertical-align: middle;
                margin-right: 5px;
               
            }
            a{
                display: block;
                width: 100%;
                height: 100%;
            }
            &.active{
                background: #123a8e;
                color: #fff;
                .checked{
                    display: inline-block;
                }
                .uncheck{
                    display: none;
                }
            }
            &:hover{
                background: #123a8e;
                color: #fff;
                .checked{
                    display: inline-block;
                }
                .uncheck{
                    display: none;
                }
            }
            .checked{
                display: none;
            }
            .uncheck{
                display: inline-block;
            }
        }
    }
}
.company-body{
    .main-ph{
        display: none;
        padding: 40px;
        li{
            a{
                display: block;
                width: 100%;
                height: 100%;
            }
            padding: 30px;
            background: #fff;
            border: 1px solid #123a8e;
            border-radius: 2px;
            margin-bottom: 40px;
        }
        h3{
            font-size: 30px;
            color: #123a8e;
            margin-bottom: 20px;
        }
        .p{
            font-size: 24px;
            line-height: 36px;
            color: #666;
        }
    }
    .companyQualification-box,
    .branchIntroduction-box{
        background: #f3faff url(../images/company_index.png) no-repeat bottom center;
    }
    .common-nav {
        li{
            i{
                display: inline-block;
                width: 30px;
                height: 30px;
                vertical-align: middle;
                margin-right: 5px;
                &.company-introduction{
                    background: url(../images/gongsi.png) no-repeat center;
                    background-size:contain ;
                }
                &.company-qualification{
                    background: url(../images/zhizi.png) no-repeat center;
                    background-size:contain ;
                }
                &.team-culture{
                    background: url(../images/wenhua.png) no-repeat center;
                    background-size:contain ;
                }
                &.branch-introduction{
                    background: url(../images/fengongsi.png) no-repeat center;
                    background-size:contain ;
                }
                &.international-division{
                    background: url(../images/guojibu.png) no-repeat center;
                    background-size:contain ;
                }
            }
        }
    }
    .company-cont{
        li{
            width: 290px;
            background: #fff;
            text-align: center;
            margin-right: 40px;
            margin-bottom: 40px;
            &:nth-child(4n){
                margin-right: 0;
            }
            .img{
                height: 300px;
                line-height: 300px;
                overflow: hidden;
                img{
                    vertical-align: middle;
                    transition: all .5s;
                }
            }
            .text{
                background: #eeeeee;
                height: 50px;
                line-height: 50px;
                font-size: 20px;
                color: #222222;
                transition: all .5s;
            }
            &:hover .text{
                background: #123a8e;
                color: #fff;
            }
            &:hover img{
                transform: scale(1.1);
            }
        }
    }
    .companyIntroduction-tab1{
        background: #f3faff;
    }
    .companyIntroduction{  /*公司介绍*/
        padding: 140px 50px 0;
        background: url(../images/companyIntroduction_bg.png) no-repeat top center;
        .text{
            background: #ffffff;
            padding: 45px 50px;
            box-shadow: 1px 1px 10px #f5f5f5;
            h4{
                text-align: center;
                font-size: 30px;
                font-weight: bold;
                color: #123a8e;
                padding: 0 0 30px;
            }
            .p{
                font-size: 16px;
                color: #666666;
                line-height: 24px;
            }
        }
    }
    .companyIntroduction-tab2{
        background: #fff;
        .title{
            font-size: 30px;
            color: #222222;
            text-align: center;
            .number{
                font-size: 36px;
                color: #123a8e;
                font-weight: bold;
            }
        }
        .cont{
            padding: 100px;
            position: relative;
            background: url(../images/companyIntroduction_tab2.png) no-repeat center;
        }
        .owl-carousel{
            li{
                padding: 60px;
                box-shadow: 3px 3px 15px #ccc;
                background: #fff url(../images/companyIntroduction_tab2bg.png) no-repeat 40% center;
            }
            .owl-dots,.owl-nav{
                display: none;
            }
            .left{
                max-width: 50%;
                h3{
                    font-size: 48px;
                    color: #123a8e;
                    padding-bottom: 10px;
                    span{
                        font-size: 24px;
                        position: relative;
                        left: 10px;
                    }
                }
                .text{
                    font-size: 16px;
                    line-height: 32px;
                }
            }
            .right{
                max-width: 400px;
                overflow: hidden;
                img{
                    transition: all .5s;
                }
                &:hover{
                    img{
                        transform: scale(1.1);
                    }
                }
            }
        }
        .list-dots{
            text-align: center;
            width: 100%;
            height: 2px;
            background: #123a8e;
            margin-top: 50px;
            li{
                display: inline-block;
                cursor: pointer;
                font-size: 18px;
                color: #666666;
                position: relative;
                top: -10px;
                i{
                    display: block;
                    margin: 0 auto;
                    width: 22px;
                    height: 22px;
                    background: #fff;
                    border-radius: 100%;
                    position: relative;
                    box-shadow: 1px 1px 5px #ccc;
                    border: 2px solid #123a8e;
                    margin-bottom: 20px;
                    &::after{
                        content: "";
                        display: block;
                        width: 10px;
                        height: 10px;
                        // background-color: #123a8e;
                        border-radius: 100%;
                        position: absolute;
                        left: 4px;
                        top: 4px;
                    }
                }
                &.active{
                    color: #123a8e;
                    span{
                        font-weight: bold;
                    }
                    
                    i{
                        &::after{
                            background: #123a8e;
                        }
                    }
                }
            }
        }
        .list-nav{
            li{
                width: 60px;
                height: 60px;
                cursor: pointer;
                position: absolute;
                top: 50%;
                margin-top: -55px;
                &.prev{
                    background: #f5f6fb url(../images/prev.png) no-repeat center;
                    left: 0;
                    &:hover{
                        background: #123a8e url(../images/prev_bg.png) no-repeat center;
                    }
                }
                &.next{
                    background: #f5f6fb url(../images/next.png) no-repeat center;
                    right: 0;
                    &:hover{
                        background: #123a8e url(../images/next_bg.png) no-repeat center;
                    }
                }
                  
            }
        }
    }

    .companyIntroduction-tab3{
        background: #f3faff url(../images/company_index.png) no-repeat bottom center;
        .title{
            font-size: 30px;
            font-weight: bold;
            color: #123a8e;
            text-align: center;
            margin-bottom: 30px;
        }
        .text{
            font-size: 20px;
            color: #666666;
            line-height: 34px;
            text-align: center;
            .p{
                font-size: 24px;
                color: #123a8e;
                margin-top: 30px;
            }
        }
        .text-box{
            max-width: 1080px;
            margin: 50px auto 0;
            min-height: 300px;
            border:1px solid #123a8e ;
            position: relative;
            margin-bottom: 140px;
            color: #123a8e;
            text-align: center;
            li{
                font-size: 30px;
                padding-top: 85px;
            }
        }
        .slogan-nav{
            position: absolute;
            width: 100%;
            bottom:-140px ;
            li{
                width: 170px;
                margin: 0 calc(12.5% - 85px);
                text-align: center;
                color: #999999;
                background: url(../images/company_iconbg.png) no-repeat top center;
                padding-top: 0;
                line-height: 24px;
                i{
                    display: block;
                    margin: 0 auto;
                    width: 66px;
                    height: 66px;
                    margin-bottom: 10px;
                    margin-bottom: 50px;
                    margin-top: 45px;
                    &.checked{
                        display: none;
                    }
                }
                .chinese{
                    font-size: 24px;
                    padding-bottom: 5px;
                    display: block;
                }
                .english{
                    font-size: 18px;
                }
                

                &.active{
                    color: #123a8e;
                    background: url(../images/company_iconbgactive.png) no-repeat top center;
                    i{
                        &.checked{
                            display: block;
                        }
                        &.uncheck{
                            display: none;
                        }
                    }
                   
                }
            }
        }
    }
    .companyTeam-box{
        background: #f3faff url(../images/company_index.png) no-repeat bottom center;
    }
    .teamCulture-box{
        .team-list{
            margin-bottom: 50px;
            position: relative;
            .owl-dots{
                display: none;
            }
            li{
                img{
                    transition: all .5s;
                }
                &:hover{
                    img{
                        transform: scale(1.1);
                    }
                }
            }
            .owl-prev,
            .owl-next{
                width: 60px;
                height: 60px;
                position: absolute;
                top: 50%;
                margin-top: -15px;
                border: none;
                background-size:contain ;
            }
            .owl-prev{
                left: 0;
                background: #f5f6fb url(../images/prev.png) no-repeat center;
                &:hover{
                    background: #123a8e url(../images/prev_bg.png) no-repeat center;
                }
            }
            .owl-next{
                right: 0;
                background: #f5f6fb url(../images/next.png) no-repeat center;
                &:hover{
                    background: #123a8e url(../images/next_bg.png) no-repeat center;
                }
            }
           
        }
        .text{
            width: 100%;
            height: 80px;
            line-height: 80px;
            background: #eeeeee;
            text-align: center;
            font-size: 24px;
            color: #222222;
            &:hover{
                background: #123a8e;
                color: #fff;
            }
        }
    }
}
.padding60{
    padding: 60px 0 100px;
}
.pages{
    text-align: center;
    a{
        background: #fff;
        display: inline-block;
        margin: 15px;
        font-size: 24px;
        padding: 10px 20px;
        color: #123a8e;
        &.RepeaterNumberList_Now,&:hover{
            background: #123a8e;
            color: #ffff;
        }
    }
}

.product-body{
    .product-box{
        background: #f3faff;
    }
    .product-nav {
        text-align: center;
        margin-bottom: 55px;
        li{
            display: inline-block;
            padding: 0 14px;
            line-height: 50px;
            color: #666666;
            font-size: 20px;
            background: #fff;
            border-radius: 25px;
            box-shadow: 1px 1px 5px #f5f5f5;
            margin-right: 5px;
            &:last-of-type{
                margin-right: 0;
            }
            &.active{
                background: #123a8e;
                color: #fff;
            }
            &:hover{
                background: #123a8e;
                color: #fff;
            }
        }
    }
    .cont{
        li{
            width: 30%;
             margin-right: 5%;
            position: relative;
            text-align: center;
            margin-bottom: 20px;
            .pic{
                background: #fff;
                height: 280px;
                line-height: 280px;
            }
            img{
                vertical-align: middle;
            }
             &:nth-child(3n){
                 margin-right: 0;
             }
             .text{
                width: 355px;
                height: 60px;
                line-height: 60px;
                font-size: 18px;
                color: #222222;
                background: #eeeeee;
                text-align: center;
                white-space:nowrap;
                overflow:hidden;
                text-overflow:ellipsis;
                position: relative;
                left:22px ;
                top: -30px;
                transition: all 0.3s;
            }
            &:hover .text{
                top: -60px;
                background: #123a8e;
                color: #fff;
            }
            &:hover img{
                transform: translateY(-10px) scale(0.8);
            }
        }
    }
    .product-detail{
        background: #fff;
        padding: 40px;
        .title{
            font-size: 18px;
            color: #123a8e;
            background: #eeeeee;
            line-height: 60px;
            padding-left: 25px;
        }
    }
    .product-header{
        padding-bottom: 40px;
        margin-bottom: 40px;
        border-bottom: 1px solid #eeeeee;
        .left{
            width: 400px;
            height: 280px;
            text-align: center;
            line-height: 280px;
            overflow: hidden;
            border: 1px solid #dddddd;
            img{
                vertical-align: middle;
            }
        }
        .right{
            padding-left: 35px;
            padding-top: 10px;
            max-width: 740px;
            h2{
                font-size: 24px;
                color: #222222;
                margin-bottom: 15px;
            }
            .p{
                font-size: 18px;
                color: #666666;
                line-height: 32px;
            }
        }
    }
    
}
.bottom-btn{
    margin-top: 60px;
    a{
        display: inline-block;
        width: 140px;
        height: 60px;
        color: #222222;
        line-height: 60px;
        text-align: center;
        background: #fff;
        font-size: 18px;
        cursor: pointer;
        &:hover{
            background: #123a8e;
            color: #fff;
        }
    }
    .left{
        a{
            margin-right: 55px;
        }
    }
}
.success-body{
    .success-box{
        background: #f3faff url(../images/company_index.png) no-repeat bottom center;
    }
    .success-list{
        background: #fff; 
        background-size:contain ;
        padding: 40px 100px;
        margin-bottom: 40px;
        &:hover{
            background-color: #123a8e;
            .left{
                h4,.time,.p{
                    color: #fff;
                }
            }
        }
        .left{
            width: 500px;
            h4{
                font-size: 24px;
                color: #222222;
                padding-bottom: 25px;
                border-bottom: 1px solid #dddddd;
            }
            .time{
                display: block;
                font-size: 18px;
                color: #999999;
                padding-top: 10px;
            }
            .p{
                font-size: 18px;
                color: #666666;
                line-height: 30px;
                margin: 30px 0;
                overflow: hidden;
                max-height: 150px;

            }
            .more{
                position: relative;
                background: #fff;
                display: block;
                text-align: center;
                color: #999999;
                font-size: 16px;
                width: 160px;
                height: 40px;
                line-height: 40px;
                border: 1px solid #dddddd;
                transition: all .5s;
                &:hover{
                    color: #fff;
                    border: 1px solid #ccc;
                    box-shadow: inset 178px 0px 0px 0px #ccc
                }
                
            }
        }
        .pic{
            width: 480px;
            max-height: 360px;
            margin: 10px;
            overflow: hidden;
            text-align: center;
            img{
                transition: all .5s;
            }
            &:hover{
                img{
                    transform: scale(1.1);
                }
            }
        }
        .right{
            border: 1px solid #ddd;
        }
    }
    .success-detail{
        background: #fff;
        padding: 55px 40px;
    }
    .success-header{
        text-align: center;
        padding-bottom: 40px;
        border-bottom: 1px solid #dddd;
        .title{
            font-size: 24px;
            color: #222222;
            margin-bottom: 15px;
        }
        .span{
            font-size: 16px;
            color: #999999;
            padding: 0 6px;
        }
    }
    .honor{
        li{
            width: 290px;
            background: #fff;
            margin-right: 40px;
            margin-bottom: 40px;
            &:nth-child(4n){
                margin-right: 0;
            }
            &:hover{
                .text{
                    background: #123a8e;
                    color: #fff;
                }
                img{
                    transform: scale(1.1);
                }
            }
        }
        .pic{
            text-align: center;
            height: 300px;
            line-height: 300px;
            img{
                vertical-align: middle;
                transition: all .5s;
            }
        }
        .text{
            width: 100%;
            height: 50px;
            text-align: center;
            line-height: 50px;
            background: #eeeeee;
            font-size: 20px;
            color: #222222;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }
    }
}


.contact-body{
    .contact-box{
        background: #f3faff url(../images/company_index.png) no-repeat bottom center;
    }
    .common-nav {
        li{
            i{
                display: inline-block;
                width: 30px;
                height: 30px;
                vertical-align: middle;
                margin-right: 5px;
                &.contactUs{
                    background: url(../images/contact.png) no-repeat center;
                    background-size:contain ;
                }
                &.recruitment{
                    background: url(../images/recruitment.png) no-repeat center;
                    background-size:contain ;
                }
                &.leaveMessage{
                    background: url(../images/leaveMessage.png) no-repeat center;
                    background-size:contain ;
                }
            }
            &.active{
                i{
                    &.contactUs{
                        background: url(../images/contact_bg.png) no-repeat center;
                        background-size:contain ;
                    }
                    &.recruitment{
                        background: url(../images/recruitment_bg.png) no-repeat center;
                        background-size:contain ;
                    }
                    &.leaveMessage{
                        background: url(../images/leaveMessage_bg.png) no-repeat center;
                        background-size:contain ;
                    }
                }
               
            }
        }
    }
    .contact-map{
        background: #fff;
        padding: 20px;
        margin-bottom: 40px;
    }
    .contact-bottom{
        .left,.right{
            width: 50%;
            .title{
                font-size: 24px;
                color: #123a8e;
                padding-left: 14px;
                position: relative;
                margin-bottom: 8px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                &::after{
                    content: "";
                    display: block;
                    width: 3px;
                    height: 20px;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    margin-top: -10px;
                    border-radius: 3px;
                    background: #123a8e;
                }
            }
            .p{
                font-size: 18px;
                color: #666666;
                line-height: 36px;
            }
            li{
                margin-bottom: 15px;
            }
        }
        .right{
            li{
                width: 50%;
            }
        }
    }
    .recruitment-list{
        margin-bottom: 40px;
        li{
            width: 100%;
            padding: 12px 10px 12px 30px;
            background: #fff;
            line-height: 35px;
            margin-bottom: 20px;
            a{
                display: block;
                width: 100%;
                height: 100%;
            }
            &:hover{
                background: #123a8e;
                .title,span{
                    color: #fff;
                }
            }
        }
        .title{
            font-size: 18px;
            color: #222222;
            max-width: 40%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        span{
            font-size: 18px;
            color: #666666;
        }
        .icon{
            display: block;
            width: 35px;
            height: 35px;
            border: 1px solid #e0e0e0;
            border-radius:35px ;
            background: #fff url(../images/right_icon.png) no-repeat center;
            margin-left: 30px;
        }
    }
    .recruitment-slogan{
        font-size: 20px;
        color: #222222;
        text-align: center;
        margin-bottom: 50px;
        .email{
            color: #123a8e;
        }
    }
    .recruitment-detail{
        padding: 60px 40px;
        background: #fff;
        .detail-header{
            padding-bottom: 40px;
            border-bottom: 1px solid #ddd;
        }
        .title{
            font-size: 24px;
            color: #222222;
            margin-bottom: 15px;
        }
        .p{
            color: #999999;
            font-size: 16px;
        }
    }
    .message-box{
        background: #fff;
        padding: 55px 0;
        .form{
            max-width: 680px;
            margin: 0 auto;
            li{
                margin-bottom: 15px;
                position: relative;
                label{
                    display: inline-block;
                    width: 110px;
                    color: #666666;
                    font-size: 18px;
                }
                .red{
                    position: relative;
                    top: 3px;
                    padding-right: 5px;
                }
                input,textarea{
                    width: 520px;
                    height: 55px;
                    border-radius: 5px;
                    border: 1px solid #ddd;
                    padding-left: 10px;
                    font-size: 16px;
                    color: #666;
                }
                textarea{
                    height: 230px;
                    margin-left: 115px;
                }
                .label{
                    position: absolute;
                    top: 10px;
                    padding-left: 13px;
                }
            }
        }
        h2{
            font-size: 22px;
            color: #666666;
            font-weight: bold;
            margin-bottom: 55px;
            span{
                font-size: 18px;
                padding-left: 10px;
            }
           
        }
        .red{
            font-size: 18px;
            color: #bb261a;
        }
        .submit-box{
            text-align: center;
        }
        #submit{
            margin: 0 auto;
            width: 236px;
            height: 60px;
            border-radius: 60px;
            line-height: 60px;
            text-align: center;
            color: #123a8e;
            font-size: 20px;
            transition: all .5s;
            &:hover{
                color: #fff;
                border: 1px solid #123a8e;
                box-shadow: inset 236px 0px 0px 0px #123a8e;
            }
        }
        
    }
}

.immediate_detail{
    background: #fff;
    padding: 55px 40px;
    .title{
        font-size: 36px;
        color: #222222;
        text-align: center;
        padding-bottom: 40px;
        border-bottom: 1px solid #ddd;
    }
}
.immediate-box{
    .product-title{
        font-size: 30px;
        color: #123a8e;
        text-align: center;
        padding: 50px 0 35px;
    }
}

.news-body{
    .news-box{
        background: #f3faff url(../images/company_index.png) no-repeat bottom center;
    }
    .common-nav {
        li{
            i{
                display: inline-block;
                width: 30px;
                height: 30px;
                vertical-align: middle;
                margin-right: 5px;
                &.news-icon1{
                    background: url(../images/news_icon1.png) no-repeat center;
                    background-size:contain ;
                }
                &.news-icon2{
                    background: url(../images/news_icon2.png) no-repeat center;
                    background-size:contain ;
                }
                &.news-icon3{
                    background: url(../images/news_icon3.png) no-repeat center;
                    background-size:contain ;
                }
            }
            &.active{
                i{
                    &.news-icon1{
                        background: url(../images/news_icon1bg.png) no-repeat center;
                        background-size:contain ;
                    }
                    &.news-icon2{
                        background: url(../images/news_icon2bg.png) no-repeat center;
                        background-size:contain ;
                    }
                    &.news-icon3{
                        background: url(../images/news_icon3bg.png) no-repeat center;
                        background-size:contain ;
                    }
                }
               
            }
        }
    }
    .news-cont{
        li{
            width: 48%;
            background: #fff;
            padding: 27px;
            margin:0 1% 25px;
            .tel-time{
                display: none;
                font-size: 14px;
                color: #999;
            }
            .pic{
                margin-bottom: 15px;
                height: 364px;
                line-height: 364px;
                overflow: hidden;
                img{
                    vertical-align: middle;
                    transition: all .5s;
                }
            }
            &:hover{
                img{
                    transform: scale(1.1);
                }
                .time{
                    color: #fff;
                    border-right: 1px solid #dddddd;
                }
                .cont{
                    h4,h5,.tel-time{
                        color:#fff;
                    }
                }
                background: #123a8e;
            }
        }
        .text{
            a{
                display: block;
                width: 100%;
                height: 100%;
            }
            .time{
                font-size: 14px;
                color: #666666;
                padding:3px 12px 3px 0;
                border-right: 1px solid #dddddd;
                i{
                    display: block;
                    font-size: 18px;
                }
            }
            .cont{
                padding-left: 20px;
                width: 90%;
                h4{
                    color: #222222;
                    font-size: 16px;
                    margin-bottom: 5px;
                    white-space:nowrap;
                    overflow:hidden;
                    text-overflow:ellipsis;
                }
                h5{
                    font-size: 14px;
                    color: #666666;
                    white-space:nowrap;
                    overflow:hidden;
                    text-overflow:ellipsis;
                }
            }
        }
    }
}


@media screen and (max-width: 1300px){
    .container{
        padding: 0 50px;
    }
    .footer {
        padding-top: 40px;
        .footer-top{
            h4{
                font-size: 16px;
            }
            li{
                font-size: 14px;
                line-height: 32px;
            }
            .footer1{
                margin-right: 45px;
                .ewm{
                    width: 80px;
                }
            }
            .footer-ewm{
                margin-right: 0;
            }
           
        }
    }
    .common-body{
        .common-nav {
            li{
                width: 18%;
                margin-right: 2.5%;
            }
        }
        .company-cont{
            li{
                width: 30%;
                margin-right: 5%;
                &:nth-child(4n){
                    margin-right: 5%;
                }
                &:nth-child(3n){
                    margin-right: 0;
                }
               
                .text{
                    width: 100%;
                }
            }
        }
        .success-nav li{
            width: auto;
            min-width: 170px;
            padding: 0  15px;
        }
    } 
    .padding60{
        padding: 50px 0 80px;
    }
    .company-body {
        .companyIntroduction{
            background-size:contain ;
            padding: 130px 50px 0;
            .text{
                h4{
                    font-size: 26px;
                }
            }
        }
        .companyIntroduction-tab2 {
            .title{
                font-size: 26px;
                .number{
                    font-size: 32px;
                }
            }
            .cont{
                padding: 60px;
            }
            .owl-carousel {
                .right{
                    max-width: 50%;
                }
                .left{
                    max-width: 45%;
                    h3{
                        font-size: 36px;
                        span{
                            font-size: 20px;
                        }
                    }
                }
            }
        }
        .companyIntroduction-tab3{
            .title{
                font-size: 26px;
                margin-bottom: 25px;
            }
            .text{
                font-size: 16px;
                line-height: 32px;
                .p{
                    font-size: 20px;
                }
            }
            .text-box{
                li{
                    font-size: 28px;
                }
            }
        }
    }
    .pages{
        a{
            font-size: 20px;
            margin: 10px;
        }
    }
    .product-body{
        .product-nav {
            margin-bottom: 40px;
            li{
                display: inline-block;
                padding: 0px 10px;
                font-size: 18px;
                border-radius: 42px;
                line-height: 42px;
                margin-bottom: 10px;
            }
        }
        .cont{
            li{
                width: 30%;
                margin-right: 5%;
                &:nth-child(3n){
                    margin-right: 0;
                }
                .text{
                    width: 90%;
                    left: 5%;
                }
            }
        }
        .product-header{
            .left{
                width: 35%;
                height: inherit;
                line-height: inherit;
                padding: 30px;
            }
            .right{
                max-width: 60%;
            }
        }
    } 

    .success-body {
        .success-list{
            padding:40px 80px;
            height: inherit;
            .pic{
                width: 95%;
                margin: 2.5%;
            }
            .left{
                width: 45%;
            }
            .right{
                width: 45%;
            }
        }
        .honor{
            li{
                width: 22%;
                margin-right: 4%;
                margin-bottom: 30px;
            }
            .text{
                font-size: 18px;
            }
        }
       
        
    }

    .news-body{
        .news-cont{
            li{
                padding: 23px;
                margin:0 1% 20px;
                .pic{
                    height: 320px;
                    line-height: 320px;
                    overflow: hidden;
                }
            }
            .text {
                .cont{
                    width: 85%;
                }
            }
        }
    }
    
}        

@media screen and (max-width: 1060px){
    .container{
        padding: 0 30px;
    }
    .header{
        height: 80px;
        line-height: 80px;
        .logo{
            img{
                max-height: 40px;
            }
        }
        .nav{
            li{
                margin-left: 15px;
                a{
                    color: #ffffff;
                    font-size: 14px;
                    padding: 0 8px;
                }
            }
        }
    }
    .footer {
        .footer-top{
            .footer1{
                margin-right: 28px;
                .ewm{
                    width: 65px;
                }
            }
            .footer-ewm{
                margin-right: 0;
            }
           
        }
    }
    .common-body{
        .common-nav {
          margin-bottom: 45px;
        }
    } 
    .company-body{
       .companyIntroduction-tab3{
        .slogan-nav {
            bottom: -120px;
            li{
                background-size:115px;
                i{
                    width: 48px;
                    height: 48px;
                    margin-bottom: 45px;
                }
                &.active{
                    background-size:115px;
                }
                .chinese{
                    font-size: 20px;
                    padding-bottom: 0;
                }
                .english{
                    font-size: 16px;
                }
            }
        }
       }  
       .company-cont{
            li{
                .text{
                    height: 40px;
                    line-height: 40px;
                    font-size: 16px;
                }
            }
        }
    }
    .pages{
        a{
            font-size: 18px;
            padding: 8px 16px;
            margin: 7px;
        }
    }
    .product-body{
        .product-nav{
            li{
                font-size: 16px;
            }
        }
        .cont{
            li{
                .text{
                    height: 40px;
                    line-height: 40px;
                    font-size: 16px;
                    top: -20px;
                 }
                 &:hover .text{
                    top: -40px;
                }
            }
        }
           
    } 

    .success-body {
        .success-list{
            padding:30px 60px;
            .left{
                h4{
                    font-size: 18px;
                    padding-bottom: 15px;
                }
                .time{
                    font-size: 16px;
                }
                .p{
                    font-size: 16px;
                    line-height: 24px;
                    max-height: 96px;
                    margin: 20px 0;
                }
                .more{
                    width: 120px;
                    height: 32px;
                    line-height: 32px;
                    font-size: 14px;
                }
            }
            .right{
                width: 45%;
            }
            .pic{
                width: 95%;
                margin: 2.5%;
            }
        }
        .success-detail{
            padding: 40px 30px;
        }
        .success-header {
            padding-bottom: 30px;
            .title{
                font-size: 20px;
            }
           
        }
        .honor{
            li{
                width: 32%;
                background: #fff;
                margin-right: 2%;
                
                &:nth-child(4n){
                    margin-right: 2%;
                }
                &:nth-child(3n){
                    margin-right: 0;
                }
                
            }
            .pic{
                height: 280px;
                line-height: 280px;
            }
            .text{
                height: 40px;
                line-height: 40px;
                font-size: 16px;
            }
        }
    }

    .contact-body{
        .contact-bottom{
            .left,.right{
                width: 49%;
                 .title{
                     font-size: 18px;
                 }
                 .p{
                     font-size: 14px;
                     line-height: 28px;
                 }
            }
        }
       .recruitment-slogan{
           font-size: 16px;
       }
       .recruitment-list {
           .title{
               font-size: 16px;
           }
           span{
               font-size: 16px;
               color: #999;
           }
       }
       .recruitment-detail{
           padding:40px;
           .title{
            font-size: 20px;
            margin-bottom: 10px;
           }
           .p{
                font-size: 14px;
            }
           .detail-header{
               padding-bottom: 30px;
           }
       }
    }

    .immediate_detail{
        background: #fff;
        padding:40px;
        .title{
            font-size: 28px;
            color: #222222;
            text-align: center;
            padding-bottom: 30px;
            border-bottom: 1px solid #ddd;
        }
    }
    .immediate-box{
        .product-title{
            font-size: 24px;
            color: #123a8e;
            text-align: center;
            padding: 40px 0 30px;
        }
    }
    .news-body{
        .news-cont{
            li{
                padding: 20px;
                margin:0 1% 18px;
                .pic{
                    height: 300px;
                    line-height: 300px;
                    overflow: hidden;
                }
            }
        }
    }
}

@media screen and (max-width:997px){
    .container{
        padding: 0 15px;
        overflow: hidden;
    }
    .header{
        .nav {
            display: block;
            width: 50%;
            position: absolute;
            right: 0;
            z-index: 999;
            top: 80px;
            background: rgba(0,0,0,.7);
            box-shadow: 1px 2px 4px #ccc;
            padding: 15px;
            transform-origin: right;
            transform: scaleX(0);
            -webkit-transform: scaleX(0);
            -moz-transform: scaleX(0);
            -ms-transform: scaleX(0);
            transition: all 0.3s linear;
            -webkit-transition: all 0.3s linear;
            -ms-transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
            li{
                float: none;
                line-height: 45px;
                &.active::after{
                    height: 2px;
                }
                a{
                    font-size: 14px;
                    display: block;
                    width: 100%;
                    height: 100%;
                }
            }
        }
        .enlarge {
            position: absolute;
            display: block;
            right: 15px;
            top: 25px;
            cursor: pointer;
            z-index: 30;
            height: 30px;
            width: 32px;
            .icon::before,.icon::after {
                background-color: #eee;
                border-radius: 2px;
                content: "";
                height: 4px;
                left: 0;
                position: absolute;
                transition-duration: 0.5s;
                width: 27px;
            }
            .icon::before{
                top: -9px;
            }
            .icon::after {
                top: 9px;
            }
            .icon {
                background-color: #eee;
                border-radius: 2px;
                height: 4px;
                left: 2px;
                position: absolute;
                top: 15px;
                transition-duration: 0.5s;
                width: 27px;
            }
            &.enlargeSelect .icon::before {
                transform: translateY(9px) rotate(45deg);
            }
            &.enlargeSelect .icon::after {
                transform: translateY(-9px) rotate(-45deg);
            }
            &.enlargeSelect .icon {
                width: 0;
            }
        }
       
    }
    .footer{
        .footer-about,.footer-ewm{
            display: none;
        }
        .footer-top{
            .footer1{
                width: 50%;
                margin-right: 0;
            }
            h4{
                font-size: 14px;
                margin-bottom: 15px;
            }
            li{
                font-size: 12px;
                line-height: 24px;
            }
         } 
        .footer-bottom{
            font-size: 12px;
            line-height: 30px;
        }
    }
    .common-body{
        .common-nav {
            li{
                height: 45px;
                line-height: 45px;
                box-shadow: 0px 0px 5px #888888;
            }
        }
    } 
    .company-body{
        .main-ph{
            display: block;
        }
        #main{
            display: none;
        }
        .common-nav {
            li{
                i{
                    width: 20px;
                    height: 20px;
                }
            }
        }
        .company-cont{
            li{
                width: 32%;
                margin-right: 2%;
                img{
                    max-width: 80%;
                }
            }
        }
        .companyIntroduction {
            padding: 110px 35px 0;
            .text{
                padding: 30px;
                h4{
                    font-size: 20px;
                    padding-bottom: 15px;
                }
                .p{
                    font-size: 14px;
                    line-height: 22px;
                }
            }
        }
        .companyIntroduction-tab2 {
            .title{
                font-size: 20px;
                .number{
                    font-size: 26px;
                }
            }
            .cont{
                padding: 45px;
            }
            .owl-carousel {
               li{
                   padding: 30px;
               }
               .left{
                   h3{
                       font-size: 28px;
                       span{
                           font-size: 16px;
                           left: 8px;
                       }
                   }
                   .text{
                       font-size: 14px;
                       line-height: 24px;
                   }
               }
            }
            .list-nav {
                li{
                    width: 40px;
                    height: 40px;
                    margin-top: -65px;
                }
               
            }
        }
        .companyIntroduction-tab3{
            .title{
                font-size: 20px;
                margin-bottom: 15px;
            }
            .text{
                font-size: 14px;
                line-height: 24px;
                .p{
                    font-size: 18px;
                    margin-top: 20px;
                }
            }
            .text-box {
                min-height: 240px;
                li{
                    font-size: 20px;
                }
            }
         .slogan-nav {
             li{
                 .chinese{
                     font-size: 18px;
                     padding-bottom: 0;
                 }
                 .english{
                     font-size: 14px;
                 }
             }
         }
        }  
     }
     .padding60{
        padding: 40px 0 50px;
    }
    .company-body {
        .teamCulture-box {
            .team-list{
                margin-bottom: 35px;
                .owl-prev,.owl-next{
                    width: 40px;
                    height: 40px;
                }
            }
            .text{
                height: 60px;
                line-height: 60px;
                font-size: 18px;
            }
        }
    }
    .pages{
        a{
            font-size: 16px;
            padding: 8px 16px;
            margin: 7px;
        }
    }
    .product-body{
        .product-nav{
            li{
                font-size: 14px;
                line-height: 36px;
                border-radius: 18px;
            }
        }
        .cont{
            li{
                width: 32%;
                margin-right: 2%;
                .pic{
                    height: 240px;
                    line-height: 240px;
                }
                img{
                    max-width: 80%;
                }
            }
        }
        .product-header{
            .left{
                width: 35%;
            }
            .right{
                max-width: 60%;
                padding-left: 25px;
                h2{
                    font-size: 20px;
                    margin-bottom: 10px;
                }
                .p{
                    font-size: 16px;
                    line-height: 28px;
                }
            }
        }
        .product-detail {
            .title{
                font-size: 16px;
                line-height: 50px;
            }
        }
        
    }

    .bottom-btn {
        margin-top: 40px;
        a{
            width: 110px;
            height: 48px;
            line-height: 48px;
            font-size: 16px;
        }
        .left {
            a{
                margin-right: 30px;
            }
        }
    }


    .success-body {
        .success-list{
            padding:30px 60px;
            .left{
                h4{
                    font-size: 16px;
                    padding-bottom: 10px;
                }
                .time{
                    font-size: 14px;
                    padding-top: 5px;
                }
                .p{
                    font-size: 14px;
                    line-height: 22px;
                    max-height: 88px;
                    margin: 15px 0;
                }
                .more{
                    width: 80px;
                    height: 30px;
                    line-height: 30px;
                    font-size: 12px;
                }
            }
           
        }
    }
    .immediate_detail{
        padding: 25px;
        .title{
            font-size: 24px;
            padding-bottom: 20px;
        }
    }
    .news-body{
        .news-cont{
            li{
                padding: 23px;
                margin: 0px 1% 25px;
                .pic{
                    height: 240px;
                    line-height: 240px;
                    overflow: hidden;
                }
                .text{
                    .cont{
                        width: 100%;
                        padding-left: 10px;
                        h4{
                            font-size: 14px;
                            margin-bottom: 3px;
                        }
                        h5{
                            font-size: 12px;
                        }
                    }
                }
               
                .time{
                    display: none;
                }
                .tel-time{
                    display: block;
                    padding-bottom: 5px;
                    font-size: 12px;
                }
            }
        }
    }
    
}


@media screen and (max-width:767px){
    .header{
        position: static;
        height: 65px;
        line-height: 65px;
        .logo{
            img{
                max-height: 35px;
            }
        }
        .enlarge{
            top: 17px;
        }
        .nav{
            top: 65px;
            li{
                margin-left: 0;
            }
        }
    }
    .footer{
        .footer-top{
            padding-bottom: 20px;
            .footer1{
                width: 100%;
            }
            h4{
                font-size: .14rem;
                margin-bottom: 10px;
            }
            li{
                font-size: .12rem;
                line-height: .24rem;
            }
            .footer-contact{
                h4{
                    display: none;
                }
            }
         } 
        .footer-bottom{
            padding: 10px 0;
            font-size: .12rem;
            line-height: .22rem;
            a{
                float: left;
            }
        }
    }
    .padding60{
        padding: 25px 0 40px;
    }
    .common-body{
        .common-nav {
            margin-bottom: 20px;
            li{
                height: .3rem;
                line-height: .3rem;
                width: 19%;
                margin-right: 1.25%;
                box-shadow: none;
                border: 1px solid #ddd;
                min-width: .65rem;
                span{
                    font-size: .12rem;
                }
                i{
                    display: none !important;
                }
            }
        }
        .success-nav li{
            width: auto;
            min-width: inherit;
            padding: 0 .1rem;
            a{
                font-size: .12rem;
            }
        }
    } 
    .company-body{
      
        .common-nav {
            li{
                i{
                  display: none;
                }
            }
        }
        .company-cont{
            li{
                width: 48%;
                margin-right: 4%;
                &:nth-child(3n){
                    margin-right: 4%;
                }
                &:nth-child(2n){
                    margin-right: 0;
                }
                .text{
                    font-size: .14rem;
                    line-height: .28rem;
                    height: .28rem;
                }
            }
        }
        .companyIntroduction {
            padding: .5rem .15rem 0;
            .text{
                padding: .15rem;
                h4{
                    font-size: .16rem;
                    padding-bottom: .1rem;
                }
                .p{
                    font-size: .12rem;
                    line-height: .2rem;
                }
            }
        }
        .companyIntroduction-tab2 {
            .title{
                font-size: .16rem;
                .number{
                    font-size: .22px;
                }
            }
            .cont{
                padding: .3rem 0;
            }
            .owl-carousel {
               li{
                   padding: .15rem;
               }
               .left{
                   width: 100%;
                   max-width: inherit;
                   h3{
                       font-size: .2rem;
                       span{
                           font-size: .14rem;
                           left: .05rem;
                       }
                   }
                   .text{
                       font-size: .12rem;
                       line-height: .22rem;
                   }
               }
               .right{
                    width: 100%;
                    max-width: inherit;
                    margin-bottom: 15px;
                }
            }
           
            .list-nav {
                display: none;
            }
            .list-dots{
                margin-top: 40px;
                li{
                    i{
                        margin-bottom: 10px;
                    }
                    span{
                        font-size: 12px;
                    }
                }
            }
        }
        .companyIntroduction-tab3{
            .title{
                font-size: .16rem;
                margin-bottom: 15px;
            }
            .text{
                font-size: .12rem;
                line-height: .22rem;
                .p{
                    font-size: .14rem;
                    margin-top: .1rem;
                }
            }
            .text-box {
                min-height: 1.5rem;
                margin-bottom: 1rem;
                li{
                    font-size: .16rem;
                    padding: .25rem .1rem .1rem;
                }
            }
         .slogan-nav {
             bottom: -.72rem;
             li{
                 width: 25%;
                 margin: 0;
                 padding: 0;
                 line-height: .18rem;
                 background-size:.6rem ;
                 i{
                     width: .3rem;
                     height: .3rem;
                    margin: .2rem auto;
                 }
                 .chinese{
                     font-size: .12rem;
                 }
                 .english{
                     font-size: .10rem;
                 }
                 &.active{
                    background-size:.6rem ;
                }
             }
         }
        }  
     }



     .company-body {
        .teamCulture-box {
            .team-list{
                margin-bottom: 20px;
                .owl-dots{
                    width: 100%;
                    display: block;
                    text-align: center;
                    position: absolute;
                     bottom: 10px;
                }
                .owl-dot{
                    width: 14px;
                    height: 14px;
                    border-radius: 14px;
                    border: 1px solid #666;
                    margin: 0 5px;
                    position: relative;
                    &.active{
                        &::after{
                            content: "";
                            display: block;
                            width: 8px;
                            height: 8px;
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            background: #123a8e;
                            border-radius: 100%;
                            transform: translate(-50%,-50%);
                        }
                    }
                }
                .owl-nav{
                    display: none;
                }
            }
            .text{
                height: .45rem;
                line-height: .45rem;
                font-size: .16rem;
            }
        }
    }
    .pages{
        a{
            font-size: 14px;
            padding: 6px 12px;
            margin: 5px;
        }
    }
    .product-body{
        .product-nav{
           margin-bottom: 20px;
           list-style-type: none;
           display:-webkit-box;
           display:-webkit-flex;
           display:-ms-flexbox;
           display:flex;
           -webkit-flex-wrap:nowrap;
           -ms-flex-wrap:nowrap;
           flex-wrap:nowrap;
           -webkit-box-pack:justify;
           -webkit-justify-content:space-between;
           -ms-flex-pack:justify;
           justify-content:space-between;
           padding:0;
           overflow:auto;
           li{
            -webkit-box-flex:1;
            -webkit-flex:1 0 auto;
            -ms-flex:1 0 auto;
            flex:1 0 auto;
            padding:0 10px;
           }
        }
        .cont{
            li{
                width: 48%;
                margin-right: 4%;
                .pic{
                    height: 200px;
                    line-height: 200px;
                }
                &:nth-child(3n){
                    margin-right: 4%;
                }
                &:nth-child(2n){
                    margin-right: 0;
                }
                .text{
                    font-size: .14rem;
                    line-height: .28rem;
                    height: .28rem;
                    width: 100%;
                    position: static;
                }
            }
        }
        .product-header{
            padding-bottom: .15rem;
            margin-bottom: .15rem;
            .left{
                width: 100%;
                height: inherit;
                line-height: inherit;
                padding: 30px;
            }
            .right{
                max-width: 100%;
                padding-left: 0;
                h2{
                    font-size: .18rem;
                    margin-bottom: .1rem;
                }
                .p{
                    font-size: .14rem;
                    line-height: .24rem;
                }
            }
        } 
        .product-detail{
            padding: 15px;
            .title{
                font-size: .14rem;
                line-height: .36rem;
                padding-left: .1rem;
            }
        }
    }
    .bottom-btn {
        margin-top: 30px;
        a{
            width: .8rem;
            height: .36rem;
            line-height: .36rem;
            font-size: .14rem;
        }
        .left {
            a{
                margin-right: .15rem;
            }
        }
    }

    .success-body {
        .success-list{
            padding:15px 0;
            .left,.right{
                width: 100%;
            }
            .left{
                padding: 15px;
                h4{
                    font-size: .16rem;
                }
                .time{
                    font-size: .14rem;
                }
                .p{
                    font-size: .12rem;
                    line-height: .22rem;
                    max-height: .88rem;
                }
            }
           
        }
        .success-detail{
            padding: 20px 15px;
        }
        .success-header {
            padding-bottom: 20px;
            .title{
                font-size: .16rem;
            }
            .span{
                font-size: .12rem;
            }
        }
        .honor{
            li{
                width: 48%;
                background: #fff;
                margin-right: 4%;
                &:nth-child(4n){
                    margin-right: 4%;
                }
                &:nth-child(3n){
                    margin-right: 4%;
                }
                &:nth-child(2n){
                    margin-right: 0;
                }
            }
            .pic{
                height: 280px;
                line-height: 280px;
            }
            .text{
                height: .36rem;
                line-height: .36rem;
                font-size: .14rem;
            }
        }
    }
    .contact-body{
        .common-nav {
            li{
                width: 28%;
                i{
                    display: none;
                }
            }
        }
        .contact-map{
            padding: 10px;
            margin-bottom: 20px;
            iframe{
                height: 200px;
            }
        }
        .contact-bottom{
            .left,.right{
                width: 100%;
                margin-bottom: 15px;
                 .title{
                     font-size: .18rem;
                 }
                 .p{
                     font-size: .14rem;
                     line-height: .28rem;
                 }
                 li{
                     width: 100%;
                 }
            }
        }
        .recruitment-slogan{
            font-size: .12rem;
            margin-bottom: 20px;
        }
        .recruitment-list {
            li{
                padding: .1rem .3rem .1rem .2rem;
                position: relative;
                line-height: .24rem;
            }
            .title{
                font-size: .14rem;
                max-width: 100%;
                width: 100%;
            }
            span{
                font-size: .12rem;
                color: #999;
                float: none;
            }
            .icon{
                width: .25rem;
                height: .25rem;
                background-size: .1rem;
                position: absolute;
                right: .05rem;
                top: 50%;
                transform: translateY(-50%);
            }
        }
        .recruitment-detail{
            padding:15px;
            .title{
             font-size: .18rem;
             margin-bottom: .05rem;
            }
            .p{
                font-size: .12rem;
            }
            .detail-header{
                padding-bottom: .15rem;
            }
        }
        .message-box {
            padding: 15px;
            .form{
                h2{
                    font-size: .16rem;
                    text-align: center;
                    margin-bottom: .2rem;
                    span{
                        font-size: .14rem;
                        white-space: nowrap;
                    }
                }
                .red{
                    font-size: .16rem;
                    position: relative;
                    top: .03rem;
                }
                li{
                    label{
                        display: block;
                        margin-bottom: 15px;
                        font-size: .14rem;
                        width: 100%;
                    }
                    input,textarea{
                        width: 100%;
                        height: .36rem;
                        font-size: .14rem;
                    }
                    .label{
                        position: static;
                        padding-left: 0;
                    }
                    textarea{
                        margin-left: 0;
                        height: 1.2rem;
                    }
                    .red{
                        top: .03rem;
                    }
                }
            }
            #submit{
                width: 1.2rem;
                height: .38rem;
                border-radius: 5px;
                line-height: .38rem;
                font-size: .14rem;
            }
        }
    }

    .news-body{
        .common-nav {
            li{
                width: 28%;
                i{
                    display: none;
                }
            }
        }
        .news-cont{
            li{
               width: 100%;
               margin: 0;
               margin-bottom: 15px;
                .pic{
                    height: inherit;
                    line-height: inherit;
                    overflow: hidden;
                }
                .text{
                    .cont{
                        width: 100%;
                        padding-left: 10px;
                        h4{
                            font-size: 14px;
                            margin-bottom: 3px;
                        }
                        h5{
                            font-size: 12px;
                        }
                    }
                }
               
                .time{
                    display: none;
                }
                .tel-time{
                    display: block;
                    padding-bottom: 5px;
                    font-size: 12px;
                }
            }
        }
    }
    .immediate-box{
        .common-nav{
            li{
                width: 20%;
                font-size: .14rem;
            }
        }
        .product-title{
            font-size: .18rem;
            padding: 20px 15px;
        }
    }
    .immediate_detail{
        padding: 10px;
        .title{
            font-size: .18rem;
            padding-bottom: 8px;
        }
    }

}